<template>
  <!-- 开启顶部安全区适配 -->
  <!-- <van-nav-bar safe-area-inset-top /> -->
  <slot name="nbar" />
  <slot />
  <slot name="tbar" />
  <!-- 开启底部安全区适配 -->
  <van-number-keyboard safe-area-inset-bottom />
</template>

<script>
import { NavBar, NumberKeyboard } from 'vant'
export default {
  name: 'Box',
  components: {
    [NavBar.name]: NavBar,
    [NumberKeyboard.name]: NumberKeyboard,
  }
}
</script>
